<template>
  <div class="system-setting-container">
    <el-row :gutter="0" style="background-color: #ffffff">
      <el-col :span="10" style="border-style: none dashed none none;border-color:#cccc;border-width:1px">

        <div class="main_box" style="padding:0;width:600px;overflow: hidden;font-size: 14px;font-family:'微软雅黑',tahoma,sans-serif;">
            　<div style="text-align: right;padding-bottom: 50px;">
                  <span style="border-right: 1px solid #25201C;margin-right: 20px;display:inline-block;">
                  <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/logo1.png" alt="" width="246" style="margin-right:25px;" />
                  </span>
                <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/logo2.png" alt="" width="100" style="position: relative;top: 4px;"/>
            </div>

                  <div>
                    <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/newsletter.png" width="300" style="float: left;"/>
                    <div style="padding-left: 315px;padding-top:7px;color: #6ABA3D;">
                      <strong style="display:block;font-size:16px;line-height: 22px;height: 22px;">{{ state.parameter.banner.head}}</strong>
                      <span @click="editinput('banner')">{{ state.parameter.banner.title}}</span>
                    </div>
                      <div  style="padding-top: 20px;">
                          <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/banner.png" style="width:100%" />
                       </div>
                  </div>
                  <div class="newitem_title">
                    <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/title_icon1.png" width="20" style="float:left;margin-right: 5px;"/>{{ state.parameter.one.head}}
                  </div>

                  <div style="column-count: 2;">
                    <div class="media_list" style="padding-right: 20px;vertical-align: top;">
                      <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/pic1.png" style="width:100%" />
                      <div class="newtitle_text" @click="editinput('one')" >{{ state.parameter.one.title}}</div>
                      <p class="new_con" >{{state.parameter.one.content}}</p>
                      <a style="color: #6ABA3D;text-decoration: none;"  :href="state.parameter.one.href">点击了解更多<img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                    </div>
                    <div class="media_list"  style="padding-left: 20px;vertical-align: top;">
                      <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/pic2.png" style="width:100%" />
                      <div class="newtitle_text" @click="editinput('newcon')">{{ state.parameter.newcon.title }}</div>
                      <p class="new_con" >{{ state.parameter.newcon.content }}</p>
                      <a :href="state.parameter.newcon.href"  style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                    </div>
                  </div>

                  <div class="newitem_title">
                    <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/title_icon2.png" width="22" style="float:left;margin-right: 5px;"/>{{ state.parameter.newTwo.head}}
                  </div>
                  <div style="position: relative;padding-bottom:30px;">
                    <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/box_bg.png" style="width: 100%" />
                    <div style="width:50%;position:absolute;right:10px;top:0;">
                      <p class="newtitle_text2" style="margin-top: 30px;" @click="editinput('newTwo')">{{ state.parameter.newTwo.title }}</p>
                      <a :href="state.parameter.newTwo.href" style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                      <p class="newtitle_text2" style="margin-top: 30px;" @click="editinput('newThree')">{{ state.parameter.newThree.title }}</p>
                      <a :href="state.parameter.newThree.href" style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                    </div>
                  </div>
                
                <div style="column-count: 2;">
                  <div style=" vertical-align: top;" ><img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/pic3.png" style="width:90%" /></div>
                  <div style="vertical-align: top;" >
                    <div  class="newitem_title" style="padding-top:0;padding-bottom: 10px;">
                      <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/title_icon3.png" width="22" style="float:left;margin-right: 5px;"/>{{ state.parameter.newFour.head }}
                    </div>
                    <div class="newtitle_text" @click="editinput('newFour')">{{ state.parameter.newFour.title }}</div>
                    <p class="new_con" >{{ state.parameter.newFour.content }}</p>
                    <a :href="state.parameter.newFour.href" style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>

                    <div class="newtitle_text" @click="editinput('newFive')">{{ state.parameter.newFive.title }}</div>
                    <p class="new_con" >{{ state.parameter.newFive.content }}</p>
                    <a :href="state.parameter.newFive.href" style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                  </div>
                </div>
                <div  style="column-count: 2;">
                  <div style="vertical-align: top;padding: 30px 0;"><img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/pic4.png" style="width:90%" /></div>
                    <div style="vertical-align: top;padding: 30px 0;">
                    <div  class="newitem_title" style="padding-top:0;padding-bottom: 10px;">
                      <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/title_icon4.png" width="24" style="margin-right:5px;float:left;"/>{{ state.parameter.newSix.head }}
                    </div>
                    <div class="newtitle_text" @click="editinput('newSix')">{{ state.parameter.newSix.title }}</div>
                    <p class="new_con" >{{ state.parameter.newSix.content }}</p>
                    <a :href="state.parameter.newSix.href" style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                  </div>
                </div>
            
                  <div style="position: relative;">
                    <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/greenbg.png" style="width: 100%;" />
                  </div>

                  <div>
                    <div style="background-color: #F7FBFD;margin-top: 15px;padding:10px;">
                      <div class="zhuanti_title"  @click="editinput('newSeven')">
                        <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/dot_icon.png" width="4" style="vertical-align:middle;">
                        {{ state.parameter.newSeven.title }}
                      </div>
                      <p class="zhuanti_con" >{{ state.parameter.newSeven.content }}</p>
                      <a :href="state.parameter.newSeven.href" style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                    </div>
                    <div style="background-color: #F7FBFD;margin-top: 15px;padding:10px;">
                      <div class="zhuanti_title" @click="editinput('newEight')">
                        <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/dot_icon.png" width="4" style="vertical-align:middle;">
                        {{ state.parameter.newEight.title }}
                      </div>
                      <p  class="zhuanti_con" >{{ state.parameter.newEight.content }}</p>
                      <a :href="state.parameter.newEight.href" style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                    </div>
                  </div>
                  <div class="newitem_title">
                    <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/title_icon5.png" width="22" style="margin-right: 5px;float:left;"/>{{ state.parameter.newNine.head }}
                  </div>
                <div style="column-count: 2;">
                    <div class="media_list" style="padding-right: 20px;vertical-align: top;" >
                      <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/pic5.png" style="width: 100%;" />
                      <div class="newtitle_text2" @click="editinput('newNine')">{{ state.parameter.newNine.title }}</div>
                      <p class="new_con" >{{ state.parameter.newNine.content }}</p>
                      <a :href="state.parameter.newNine.href" style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                    </div>

                    <div class="media_list" style="padding-left: 20px; vertical-align: top;" >
                      <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/pic6.png" style="width: 100%;"/>
                      <div class="newtitle_text2"  @click="editinput('newTen')">{{ state.parameter.newTen.title }}</div>
                      <p class="new_con">{{ state.parameter.newTen.content }}</p>
                      <a :href="state.parameter.newTen.href" style="color: #6ABA3D;text-decoration: none;">点击了解更多 <img src="https://net163.oss-cn-beijing.aliyuncs.com/newsletter/more_icon.png" width="16"/></a>
                    </div>

                </div>
                 <table  style="width:600px;border-collapse: collapse;">
                    　<tr>
                      <td style="padding-top:20px;">
                        <div style="background-color: #6ABA3D;height: 3px;"></div>
                      </td>
                    </tr>
                    <tr>
                        <td style="text-align: center;padding:50px 0;">
                        <span class="btn_link">点击了解瀛泰数据合规委</span>
                      </td>
                    </tr>
                    <tr>
                      <td class="newfoot"  style="padding:40px 0px;">
                        <a href="#">上海</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="#">临港新片区</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="#">天津</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="#">德州</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="#">青岛</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="#">舟山</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="#">宁波</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="#">广州</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="#">海口</a>
                      </td>
                    </tr>
                  </table>
        </div>

      </el-col>
      <el-col :span="14" style="position: relative">
          <div class="form-box" style="position: fixed;bottom:80px;right: 2%;background: #fff;border-radius: 5px;padding: 15px;z-index: 900;width: 500px;">
            <el-card shadow="hover">
              <el-tabs  class="demo-tabs">
                <el-tab-pane label="鼠标点击左边标题修改（标题，简介，链接）" name="first"></el-tab-pane>
              </el-tabs>
              <el-form  size="default" >
                <el-form-item label="模板标题" prop="title">
                  <el-input v-model="state.emailTempForm.title" type="input" placeholder="模板标题" />
                </el-form-item>

                <el-form-item label="头部标题" prop="title">
                  <el-input v-model="state.bset.head" type="input" placeholder="头部标题" />
                </el-form-item>

                <el-form-item label="标题" prop="title">
                  <el-input v-model="state.bset.title" type="textarea"  placeholder="" rows="2"/>
                </el-form-item>

                <el-form-item label="描述" prop="content">
                  <el-input v-model="state.bset.content" type="textarea"  placeholder="" rows="6" />
                </el-form-item>
<!--                <el-form-item label="缩略图" prop="titleUrl">
                  <el-upload
                      class="avatar-uploader"
                      :action="singleFile"
                      :show-file-list="false"
                      :on-success="handleAvatarSuccess"
                      :before-upload="beforeAvatarUpload"
                  >
                    <img v-if="imageUrl" :src="imageUrl" class="avatar" width="100" height="60" />
                    <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
                  </el-upload>
                </el-form-item>-->

                <el-form-item label="链接地址" prop="content">
                  <el-input v-model="state.bset.href" type="input"  placeholder="链接地址"/>
                </el-form-item>

              </el-form>
            </el-card>
            <el-card shadow="hover">
              <span class="dialog-footer">
                  <el-button  size="default" @click="goback" >返 回</el-button>
                  <el-button type="primary" size="default" @click="onSubmit">全部保存</el-button>
                  <el-button type="primary" size="default" color="#626aef" @click="onSubmitAdd">另存为</el-button>
                </span>
            </el-card>
          </div>
      </el-col>
    </el-row>
  </div>
</template>

<script lang="ts" setup>
import {useRoute, useRouter} from 'vue-router';
import {onMounted, reactive, toRefs,onBeforeUnmount, defineComponent,ref, unref,shallowRef } from 'vue';
import {ElMessage,ElForm,ElMessageBox,UploadProps} from "element-plus";
import { Plus } from '@element-plus/icons-vue';
import element from "/@/views/pages/element/index.vue";
import {addEmailTmpList, editEmailTmpList, getEmailTmp, settingTmpList, settingTmpListAdd} from "/@/api/system/mailtmp";

const route = useRoute();
const router = useRouter();
const imageUrl = ref('')
const singleFile = import.meta.env.VITE_API_URL+"/api/v1/pub/upload/singleFile";

interface parameterTemp{
  head:string;
  title: string;
  image:string;
  href: string;
  content:string;
}

const state = reactive({
  emailTempForm: {
    id: 0,
    title:"",
  },
  parameter:{
    banner:{
      head:'数据资讯',
      title:'2022年 第1期：2022.08.01-2022.08.18',
    } as parameterTemp,
    one:{
      head:'数据要闻',
      title:'澳大利亚加入全球跨境隐私规则论坛澳大利亚加入全球跨境隐私规则论坛',
      content:'1根据《通知》，在国土空间规划批复前，经依法批准的土地利用总体规划、城乡规划、海洋功能区划继续执行，作为建设项',
      href:"http://qq.com",
    } as parameterTemp,
    newcon:{
      title:'思科证实被勒索攻击，疑发生泄露数据思科证实被勒索攻击，疑发生泄露数',
      content:'2022年8月10日，思科证实其企业IT基础设施遭受安全事件。思科员工的凭据已泄露，攻击者同步保存在受害者浏览器中的凭据。',
      href:"http://qq.com",
    }as parameterTemp,
    newTwo:{
      head:'新规速递&政策导向',
      title:'伟大抗战精神是中国人民弥足珍贵的精神财富美国《欧亚评论》网站8月31日文章，原题：“遏制”中国可能引发全球',
      href:"http://qq.com",
    }as parameterTemp,
    newThree:{
      title:'全球疫情前，国际货币基金组织报告称，中国已取代美国成为全球经济的引擎。正如经济学家安妮·克鲁格所说，特朗普',
      href:'http://www.baidu.com',
    }as parameterTemp,
    newFour:{
      head:'监管动态',
      title:'上世纪90年代前，贫穷经济体主要依赖西方。经过几个世纪破坏性的殖民主义。',
      content:'特朗普发动贸易战之前，中国已取代美国成为世界经济的引擎。最重要的是，中国还拉动世界许多中小经济体的前进。而现在，这个伟大',
      href:"http://qq.com",
    }as parameterTemp,
    newFive:{
      title:'全球增长引擎的作用体现在贸易和投资，以及与主要经济体合作的国家。',
      content:'北美、西欧、东亚、东南亚地区多个主要经济体以及俄罗斯和澳大利亚。而中国出口的实际影响要大得多。即使中小型经济体的绝对进口',
      href:"http://qq.com",
    }as parameterTemp,
    newSix:{
      head:'案例评析',
      title:'中国出口的商品和更便宜的价格促成低成本和低通胀。如今任何破坏中国贸易的',
      content:'去年，全球并购活动飙升至5.9万亿美元。中国的对外直接投资，与疫情后的上升趋势相一致，总额为1380亿美元。中国接受的外资',
      href:"http://qq.com",
    }as parameterTemp,
    newSeven:{
      title:'多位经济学家预测美国经济将迎来衰退新华社伦敦9月1日电针对美国经领域新动',
      content:'英国媒体近日公布一项调查结果显示，美国房地产价格被严重高估，加上不断提高的抵押贷款利率，房地产增速会严重放缓。作为经济领域的重要组成部分，美国房地产市场承压引发关注，分析人士认为美国经济或将陷入严重衰退。',
      href:"http://qq.com",
    }as parameterTemp,
    newEight:{
      title:'路透社近日报道，一项针对数十名房地产分析师的调查显示，美国目前房价明',
      content:'不少受访分析师表示，由于美联储激进加息，房屋抵押贷款利率随之升高，加之消费者购买能力不断下降，房地产业放缓已无法避免。分析人士认为，房地产业出现下滑迹象仅仅是美国经济问题的“冰山一角”。',
      href:"http://qq.com",
    }as parameterTemp,
    newNine:{
      head:'瀛泰声誉&合规建议',
      title:'耶鲁大学高级研究员斯蒂芬·罗奇认为，美国当前经济表现显示，今后可能有更严重的经济下行，甚至将持续到',
      content:'美国约翰斯·霍普金斯大学经济学教授史蒂夫·汉克日前接受媒体采访时指出，新冠疫情暴发以来，美国经历了货币供应“大放水”',
      href:"http://qq.com",
    }as parameterTemp,
    newTen:{
      title:'美联储主席鲍威尔8月26日在参加公开活动时表示美联储将坚定抗击高通胀，释放9月继续加息的鹰派信号.',
      content:'鲍威尔还表示，美国通货膨胀水平正处于历史高位，美联储将会有力使用政策工具来抗击通胀。为了降低通胀而采取的货币政策',
      href:"http://qq.com",
    }as parameterTemp,
  },
  bset:{}as parameterTemp,
  eventName:"" as string,
})



const {emailTempForm,parameter} = toRefs(state);
console.log("newcon.title",state.parameter.newcon.title);

const handleAvatarSuccess: UploadProps['onSuccess'] = (
    response,
    uploadFile
) => {
  console.log("response=",response.data.full_path);
  state.bset.image = import.meta.env.VITE_API_URL+"/"+response.data.path;
  imageUrl.value = URL.createObjectURL(uploadFile.raw!)
}

const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
  if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png' && rawFile.type !== 'image/jpg') {
    ElMessage.error('上传文件的必须是jpeg,jpg,png格式')
    return false
  } else if (rawFile.size / 1024 / 1024 > 5) {
    ElMessage.error('限制最大上传文件大小为 5MB!')
    return false
  }
  return true
}

//数据监听
function editinput(key:string){

  state.eventName = key

  Object.keys(state.parameter).forEach(k => {
    //console.log(key, state.parameter[key]);
    if(key==k){
      state.bset = state.parameter[k];
    }
  });
}

function goback(){
  router.go(-1);
}

function onSubmit(){

    if(!state.emailTempForm.id){
      ElMessage.success('邮件模板没有选择模板');
      return;
    }


  if(rule()==false){
    return;
  }
    //state.emailTempForm.title = state.parameter.banner.title;

    if(state.emailTempForm.id!==0){
      //修改
      settingTmpList(state.parameter,state.emailTempForm.id,state.emailTempForm.title).then(()=>{
        ElMessage.success('邮件模板设置成功');
        //emit('dataList')
        //router.push({ path: '/system/mailtmp/list' });
      })
    }
};

function onSubmitAdd(){
  if(!state.emailTempForm.id){
    ElMessage.success('邮件模板没有选择模板');
    return;
  }

  if(rule()==false){
    return;
  }

  //state.emailTempForm.title = state.parameter.banner.title;

  if(state.emailTempForm.id!==0){
    //修改
    settingTmpListAdd(state.parameter,state.emailTempForm.id,state.emailTempForm.title).then(()=>{
      ElMessage.success('邮件模板另存为新模板');
      //emit('dataList')
      //router.push({ path: '/system/mailtmp/list' });
    })
  }
}

function rule(){
  if(state.emailTempForm.title==""){
    ElMessage.error('标题不能为空');
    return false;
  }

  const p = state.parameter;
  if(p.banner.title==""||p.banner.head==""){
    ElMessage.error('数据资讯头部部题，标题不能为空');
    return false;
  }

  if(p.one.title==""||p.one.head==""||p.one.content==""||p.one.href==""){
    ElMessage.error('数据要闻头部部题，标题不能为空');
    return false;
  }


  if(p.newcon.title==""||p.newcon.content==""||p.newcon.href==""){
    ElMessage.error('标题不能为空');
    return false;
  }


  if(p.newTwo.title==""||p.newTwo.head==""||p.newTwo.href==""){
    ElMessage.error('数据要闻标题不能为空');
    return false;
  }

  if(p.newThree.title==""||p.newThree.href==""){
    ElMessage.error('数据要闻标题不能为空');
    return false;
  }

  if(p.newFour.title==""||p.newFour.head==""||p.newFour.href==""||p.newFour.content==""){
    ElMessage.error('监管动态标题/内容不能为空');
    return false;
  }

  if(p.newFive.title==""||p.newFive.href==""||p.newFive.content==""){
    ElMessage.error('监管动态标题/内容不能为空');
    return false;
  }

  if(p.newSix.title==""||p.newSix.head==""||p.newSix.href==""||p.newSix.content==""){
    ElMessage.error('案例评析标题/内容不能为空');
    return false;
  }

  if(p.newSeven.title==""||p.newSeven.href==""||p.newSeven.content==""){
    ElMessage.error('案例评析标题/内容不能为空');
    return false;
  }

  if(p.newEight.title==""||p.newEight.href==""||p.newEight.content==""){
    ElMessage.error('案例评析标题/内容不能为空');
    return false;
  }

  if(p.newNine.title==""||p.newNine.head==""||p.newNine.href==""||p.newNine.content==""){
    ElMessage.error('瀛泰声誉标题/内容不能为空');
    return false;
  }

  if(p.newTen.title==""||p.newTen.href==""||p.newTen.content==""){
    ElMessage.error('合规建议标题/内容不能为空');
    return false;
  }

  return true;
}


function headler(){
  const id = route.query.id as string;
  //console.log("article id=",id);
  if(id){
    state.emailTempForm.id = Number(id)
    getEmailTmp(state.emailTempForm).then((rep)=>{
      //console.log("parameter to string=",JSON.stringify(state.parameter));
      //console.log("parameter to server string=",rep.data.data.parameter);
      let parame= JSON.parse(rep.data.data.parameter);
      Object.keys(parame).forEach(k => {
        state.parameter[k]=parame[k];
      })
      state.emailTempForm.title = rep.data.data.title;
      editinput("banner");
      console.log("parameter to obj=",state.emailTempForm.title)
    })

  }
}

onMounted(() => {
  headler()
});
</script>

<style type="text/css">
.newitem_title{
  overflow: hidden;
  line-height:20px;
  font-weight:bold;
  color:#6ABA3D;
  font-size: 20px;
  text-align: left;
  padding-top: 25px;
  padding-bottom: 15px;
}
.zhuanti_title,
.newtitle_text,
.newtitle_text2{
  font-weight:bold;
  padding:10px 0 0;
  margin-bottom:10px;
  color: #1E2D58;
  font-size: 16px;
  height:55px;
  line-height:24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  cursor: pointer;
}
.newtitle_text2{
  height:80px;
  -webkit-line-clamp:3;
}
.new_con,
.zhuanti_con{
  margin: 0 0 15px;
  color:#231815;
  line-height:22px;
  font-size:14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  cursor: pointer;
}
.zhuanti_title{
  height: auto;
  -webkit-line-clamp:1;

}
.newfoot{
  color: #6ABA3D;
  text-align: center;
}
.newfoot a{
  text-decoration: none;
  color:#6ABA3D;
  font-size: 14px;
}
.btn_link{
  display:inline-block;
  cursor:pointer;
  color: #fff;
  border-radius:5px;
  background:#6ABA3D;
  height:50px;
  line-height:50px;
  padding:0 30px;
  font-size:16px;
}
</style>
